﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyBooks.aspx.cs" Inherits="Family_MyBooks" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">
    <title>我家的书库</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit">
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/simplePagination.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/jquery.simplePagination.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/additional-methods.js"></script>
    <script type="text/javascript" src="../js/AjaxFileUpLoad.js"></script>
    <script type="text/javascript" src="../js/pages/my-books.js"></script>
    <script type="text/javascript" src="../js/pages/common.js"></script>

    <style type="text/css">
        .warning
        {
            color: red;
        }
        .inputborder{
           border: #CC0033 1px solid;
        }
    </style>
</head>
<body>
    <!--#include file="partials/Navbar.htm" -->
    <div class="container" style="padding-left:0px;padding-right:0px;">
        <input type="hidden" name="pageTag" value="myBooks" />
        <div class="col-md-8">
            <div class="panel panel-success" style="padding: 0px;">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-md-2 col-xs-4">
                            <h5>
                                我家书架</h5>
                        </div>
                        <div class="col-md-10 col-xs-8">
                        <div class="pull-right" id="on-shelf-pagination"></div>
                            <!--<nav style="text-align: right"><ul class="pagination pagination-sm" id="on-shelf-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>-->
                        </div>
                    </div>
                </div>
                <div class="panel-body" style="padding: 5px;">
                    <div id="book-list">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-warning">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                                aria-expanded="false" aria-controls="collapseOne">添加新书 </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body" style="padding-left: 5px; padding-right: 5px; padding-top: 5px;">
                            <div data-example-id="togglable-tabs">
                                <ul id="addBookTabs" class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#get-by-isbn" role="tab" data-toggle="tab"  style="padding:10px"
                                        aria-controls="home" aria-expanded="true">isbn获取</a></li>
                                    <li role="presentation" class=""><a href="#get-by-name" role="tab" data-toggle="tab"  style="padding:10px"
                                        aria-controls="profile" aria-expanded="false">书名获取</a></li>
                                    <li role="presentation" class=""><a href="#manually" role="tab" data-toggle="tab"  style="padding:10px"
                                        aria-controls="profile" aria-expanded="false">手动添加</a></li>
                                    <li role="presentation" class=""><a href="#guide" role="tab" data-toggle="tab"  style="padding:10px" aria-controls="profile"
                                        aria-expanded="false"><strong>添加说明</strong></a></li>
                                </ul>
                                <div id="myTabContent" class="tab-content">
                                    <div role="tabpanel" class="tab-pane fade active in" id="get-by-isbn" aria-labelledby="home-tab">
                                        <!--#include file="partials/Add_New_Book_ISBN.htm" -->
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="get-by-name" aria-labelledby="profile-tab">
                                        <!--#include file="partials/Add_New_Book_Name.htm" -->
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="manually" aria-labelledby="profile-tab">
                                        <!--#include file="partials/Add_New_Book_Manual.htm" -->
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="guide" aria-labelledby="profile-tab">
                                        <h4>
                                            ISBN获取</h4>
                                        <ul>
                                            <li>1. 选择图书的分类；</li>
                                            <li>2. 输入图书的13位ISBN号；</li>
                                            <li>3. 点击获取，再点击底部添加按钮；</li>
                                            <li>注意：不需要输入"-"。</li>
                                        </ul>
                                        <h4>
                                            书名获取</h4>
                                        <ul>
                                            <li>1. 选择图书的分类；</li>
                                            <li>2. 输入图书的全称；</li>
                                            <li>3. 点击获取，再点击底部添加按钮；</li>
                                            <li>注意：书名越全越好。</li>
                                        </ul>
                                        <h4>
                                            手动添加</h4>
                                        <ul>
                                            <li>1. 按表单提示输入相应字段；</li>
                                            <li>2. 本站不提供自拍图书封面上传功能；</li>
                                            <li>3. 图书封面请到百度或者网络上搜索，右键目标图片，复制图片网址，再粘贴；</li>
                                            <li>4. 点击底部添加按钮。</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!--<p id="douban-book-data"></p>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-md-4 col-xs-4">
                            <h5>
                                下架书</h5>
                        </div>
                        <div class="col-md-8 col-xs-8">
                        <div class="pull-right" id="off-shelf-pagination"></div>

                            <!--<nav style="text-align: right"><ul class="pagination pagination-sm" id="off-shelf-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>-->
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div id="unshelf-book-list">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--#include file="partials/Footer.htm" -->
    <!--#include file="partials/EditModal.htm" -->
    <!--#include file="partials/DialogModal.htm" -->
</body>
</html>
